<!--
 * @Author: YSM
 * @Description: 请填写当前文件简介
 * @Date: 2023-09-28 17:01:57
 * @LastEditTime: 2023-09-28 17:30:35
 * @FilePath: \WOKER\Demo\my_web_knowledge\my_vue2_demo\src\views\Button\loginButton.vue
-->
<template>
    <div class="login-button-background">
        <el-card class="box-card">
            <div class="login-button">登 录</div>
        </el-card>
    </div>
</template>
<script>
export default {};
</script>
<style lang='less' scoped>
.login-button-background {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    .box-card {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: calc(100% / 4);
        height: 160px;
        margin: 10px 0;

        /deep/.el-card__body {
            width: 100%;

            .login-button {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 36px;
                cursor: pointer;
                border: 1px solid;
                border-radius: 4px;
            }

        }
    }
}
</style>